body{
    margin:0;
    background-color:#f5f5f5;
}

.fad-slide-leave-active,.fad-slide-end-active{
    transition: all 0.3s; 
}
.fad-slide-enter-form{
    transform : translateX(-30px);
    opacity:0;
}
.fad-slide-leave-to{
    transform : translateX(30px);
    opacity:0;
}



// 笔记
// transition: all 0.3s; 
// 作用：设置过渡效果，持续时间为0.3秒。
// transform : translateX(-30px);
// 作用：设置元素的 translateX 值，从当前位置向左移动30px。